<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="vue.js"></script>
    <script>
        window.onload=function(){
            new Vue({
                el:'#box',
                data:{
                    arry: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20],
                    members: [
                        {name:'ada',age:'28',address:'hk'},
                        {name:'bill',age:'37',address:'bj'},
                        {name:'cathy',age:'19',address:'sh'},
                        {name:'danny',age:'26',address:'nj'}
                    ]
                }
            });
        };
    </script>
</head>
<body>
    <div id="box">
        <span v-for="item in arry | limitBy 10">{{item}} </span>    <br>
        <!--<hr>
        <span v-for="item in arry | limitBy 10 5">{{item}} </span>  <br>
        <hr>
        <table>
            <tr v-for="item in members | filterBy '2'">
                <td>{{$index}}</td>
                <td>{{item.name}}</td>
                <td>{{item.age}}</td>
                <td>{{item.address}}</td>
            </tr>
        </table>    <br>
        <hr>
        <span v-for="item in arry | limitBy 5 15 | orderBy -1">{{item}} </span> <br>
        <hr>
        <table>
            <tr v-for="item in members | orderBy 'age' -1">
                <td>{{$index}}</td>
                <td>{{item.name}}</td>
                <td>{{item.age}}</td>
                <td>{{item.address}}</td>
            </tr>
        </table>-->
    </div>
</body>
</html>



















